.message-wrapper {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;

    // .message-top {
    //     width: 100vw;
    //     height: 10vh;
    //     font-size: 1.5rem;
    //     line-height: 10vh;
    //     text-align: center;
    //     letter-spacing: 0.2rem;
    //     font-weight: bold;
    // }
    .message-all {
        // height: 92vh;
        // overflow: auto;

        .message-bq {
            margin: 1rem 0 0 1rem;
        }

        .message-search {
            text-align: center;

            input {
                width: 80%;
                height: 4vh;
                margin: 1rem 0 0 1rem;
                border: 1px solid #d8cfcf;
                border-radius: 10px;
                background-color: #F7F7F7;
                color: grey;
            }

            // 让input里面的内容左移
            input::-webkit-input-placeholder {
                text-indent: 1rem;
            }
        }

        .message-list {
            height: 76vh;
            width: 90vw;
            margin: 1rem 0 0 1rem;
            // background-color: #F9F9F9;
            overflow: auto;

            .userslist {
                display: flex;
                align-items: center;
                background-color: #F9F9F9;
                margin: 0 0 0.5rem 1rem;
                border-radius: 20px;

                .user-img {
                    img {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                    }
                }

                .user-name {
                    font-size: 1.5rem;
                    margin-left: 1rem;
                }
            }
        }
    }
}